// 导入必要的工具函数和组件
import el from '../utils/el'
import box from './box'
import systemElement from './systemElement'

/**
 * 创建身体部位的元素
 *
 * 此函数负责根据传入的身体布局对象来创建一个代表身体部位的SVG图形元素
 * 它会遍历身体布局对象中的系统布局数组，并为每个系统布局创建一个系统元素
 *
 * @param {Object} bodyLayout - 身体布局对象，包含系统布局的信息
 * @return {Element} - 返回一个包含所有系统元素的SVG图形元素
 */
export default function bodyElement(bodyLayout) {
  // 从身体布局对象中提取系统布局数组
  const { systemsLayouts } = bodyLayout

  // 创建并返回一个SVG图形元素，该元素包含所有系统元素
  // 遍历系统布局数组，为每个布局创建一个系统元素，并将它们添加到一个组元素中
  return el.create('g', [
    // 注释掉的代码：box(bodyLayout, 'green'),

    // 遍历系统布局数组，为每个布局创建一个系统元素
    systemsLayouts.map(layout => systemElement(layout))
  ])
}
